.auto_kf{width:80px; position: fixed; border-radius: 500px; background:#2070d1; padding: 10px; right: 0px; bottom:20px; z-index: 9999;}
.kf_logo img{border-radius:500px; background: #fff;}
	#to_top{border-radius:500px;}
.auto_kfa{width:100%; height: 60px;  transition: all 0.6s;  text-align: center; line-height: 60px;color:#fff;}
	.dhua h1{font-size:16px; padding:3px 10px;}
.auto_kfa:hover{}
	.dhua span{font-size:20px;}
.auto_kfa dd{line-height:60px;}
.kf_tel{width:200px; height:auto; display: none; transition: all 0.6s; font-size:18px;  
background:#d96f1f; border-top-left-radius:9px;border-bottom-left-radius:9px;color:#fff; position: absolute; margin-left: -210px; margin-top: -62px;}
.kf_tel span{padding-right:8px;}
.auto_kfa:hover{}
.auto_kfa:hover .kf_tel{display:block;animation: hideIndex 0.3s;-moz-animation: hideIndex  0.3s; /* Firefox */-webkit-animation: hideIndex  0.3s; /* Safari and Chrome */-o-animation: hideIndex  0.3s; /* Opera */}
.auto_kfa a:link,.auto_kfa a:visited{color:#2070d1;}
.auto_kfa a{display:block; width: 100%; height: 60px; }
.kf_ewm{width:100px; padding: 10px; margin-left: -110px;}
#to_top{-webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -webkit-animation: rotate 3s linear infinite;
    -moz-animation: rotate 3s linear infinite;
    -o-animation: rotate 3s linear infinite;
    animation: rotate 3s linear infinite;}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}